.block {
    display: flex;
    width: 18px;
    height: 18px;
    padding: 2px;
    border: 2px solid #879372;
    margin: 0 2px 2px 0;
    float: left;
    border-radius: 3px;
    &:after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: #879372;
        overflow: hidden;
    }
    &.fill {
        border-color: #000;
        &:after {
            background: #000;
        }
    }
    &.hit {
        border-color: #560000;
        &:after {
            background: #560000;
        }
    }
}